<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<img id="pic">
<script>
    var picObj = document.getElementById('pic');    //获取到图片对象

    //定义一个数组
    var imgs = [
        'image/1.jpg',
        'image/2.jpg',
        'image/3.jpg',
        'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1019761374,1197310851&fm=26&gp=0.jpg'
    ];
    var r = Math.random()*4;        //Math.random 生成一个0-1之间小数
    r = Math.floor(r);      //0-3 之前的数
    pic.src = imgs[r];//img[0],img[1],img[2]，数组读取并赋值给图片对象的属性

    console.log(r); //测试用的
</script>
</body>
</html>